<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./style/form.css">
    <link rel="stylesheet" href="./bs/css/bootstrap.min.css">
    <script src="./bs/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./bootstrap-icons-1.11.3/font/bootstrap-icons.css">
</head>
<body>
<div id="myform" class="vh-100 vw-100 d-flex">
    <div class="form-container m-auto">
        <div class="logo-container">
            欢迎成为我们的会员
        </div>

        <div class="social-buttons">
            <button class="social-button facebook">
                <i class="bi bi-facebook"></i>
                <span>Sign in with Facebook</span>

            </button>
            <button type="button" class="social-button apple btn btn-secondary"
                    data-bs-toggle="tooltip" data-bs-placement="top"
                    data-bs-custom-class="custom-tooltip"
                    data-bs-title="This top tooltip is themed via CSS variables."
            >
                <i class="bi bi-apple"></i>
                <span>Sign in with Apple</span>
            </button>
        </div>
        <div class="line"></div>
        <form class="form">
            <div class="form-group">
                <label for="email">手机号</label>
                <input required="" placeholder="请输入手机号" name="email" id="email" type="text">
            </div>

            <div class="form-group">
                <label for="password">密码</label>
                <input required="" name="password" placeholder="请输入密码" id="password" type="password">
            </div>

            <button type="submit" class="form-submit-btn">登录</button>
        </form>

        <a class="forgot-password-link link" href="#">忘记密码</a>

        <p class="signup-link">
            还不是会员？
            <a class="signup-link link" href="#"> 点击成为会员</a>
        </p>
    </div>
</div>
<script src="./js/login.js"></script>
</body>
</html>